<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王世康 - 高级个人简历</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'Arial', sans-serif;
            background-color: #f4f4f4;
            color: #333;
            line-height: 1.6;
            padding: 50px 0;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            background-color: #fff;
            padding: 30px;
            border-radius: 10px;
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
        }

        header {
            text-align: center;
            margin-bottom: 30px;
        }

        header h1 {
            font-size: 36px;
            color: #333;
            font-weight: bold;
        }

        header p {
            font-size: 18px;
            color: #777;
        }

        .section {
            margin-bottom: 40px;
        }

        .section h2 {
            font-size: 28px;
            color: #4CAF50;
            border-bottom: 2px solid #4CAF50;
            padding-bottom: 5px;
            margin-bottom: 20px;
        }

        .section p {
            font-size: 18px;
            color: #555;
            line-height: 1.8;
        }

        .section ul {
            list-style: none;
        }

        .section li {
            padding: 12px 0;
            font-size: 18px;
            color: #666;
            border-bottom: 1px solid #eee;
        }

        .section span {
            font-weight: bold;
            color: #333;
        }

        .skills {
            background-color: #f0f9f0;
            padding: 20px;
            border-radius: 10px;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
            margin-bottom: 40px;
        }

        .skills h2 {
            font-size: 28px;
            color: #4CAF50;
            border-bottom: 2px solid #4CAF50;
            padding-bottom: 5px;
            margin-bottom: 20px;
        }

        .skills .skill {
            display: flex;
            justify-content: space-between;
            padding: 10px 0;
            border-bottom: 1px solid #ddd;
        }

        .skills .skill-name {
            font-size: 18px;
            color: #333;
        }

        .skills .skill-level {
            font-size: 18px;
            color: #4CAF50;
            font-weight: bold;
        }

        .contact {
            text-align: center;
            font-size: 16px;
            color: #333;
        }

        .contact p {
            margin-bottom: 10px;
        }

        .contact a {
            color: #4CAF50;
            text-decoration: none;
            font-weight: bold;
        }

        .btn {
            display: inline-block;
            background-color: #4CAF50;
            color: #fff;
            padding: 12px 24px;
            font-size: 16px;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
            transition: background-color 0.3s ease;
        }

        .btn:hover {
            background-color: #45a049;
        }

        /* 返回首页按钮 */
        .back-btn {
            display: inline-block;
            background-color: #2196F3;
            color: #fff;
            padding: 12px 24px;
            font-size: 16px;
            text-align: center;
            border-radius: 5px;
            text-decoration: none;
            transition: background-color 0.3s ease;
            margin-top: 30px;
            text-align: center;
        }

        .back-btn:hover {
            background-color: #1976D2;
        }

        @media (max-width: 768px) {
            header h1 {
                font-size: 28px;
            }

            .section h2 {
                font-size: 24px;
            }

            .skills .skill {
                font-size: 16px;
            }

            .skills .skill-name {
                font-size: 16px;
            }
        }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>江苏师范大学经历</h1>
            <p>美术学本科 | 高中美术教师资格证</p>
        </header>

        <!-- 教育背景 -->
        <div class="section">
            <h2>教育背景</h2>
            <ul>
                <li><span>2014.09 ~ 2018.07</span> - 商丘师范学院 - 美术学 - 本科</li>
            </ul>
        </div>

        <!-- 工作经验 -->
        <div class="section">
            <h2>工作经验</h2>
            <ul>
                <li><span>2017.02 - 2017.03</span> - 井冈山干部教育学院河南办事处 - 独立工作绘制</li>
                <li><span>2019.03 - 2020.09</span> - 徐州汉韵堂书画 - 负责中国画、素描、儿童画课程教学，参与教材编排</li>
                <li><span>2019.09 - 2020.01</span> - 徐州铜山区实验小学 - 负责素描与中国画的教学</li>
            </ul>
        </div>

        <!-- 技能 -->
        <div class="skills">
            <h2>技能</h2>
            <div class="skill">
                <div class="skill-name">UI设计</div>
                <div class="skill-level">高级</div>
            </div>
            <div class="skill">
                <div class="skill-name">中国画教学</div>
                <div class="skill-level">中级</div>
            </div>
            <div class="skill">
                <div class="skill-name">素描教学</div>
                <div class="skill-level">高级</div>
            </div>
            <div class="skill">
                <div class="skill-name">教材编排</div>
                <div class="skill-level">中级</div>
            </div>
            <div class="skill">
                <div class="skill-name">英语（四级）</div>
                <div class="skill-level">中级</div>
            </div>
            <div class="skill">
                <div class="skill-name">C1驾照</div>
                <div class="skill-level">已获得</div>
            </div>
        </div>

        <!-- 志愿者与奖项 -->
        <div class="section">
            <h2>志愿者与奖项</h2>
            <p>2015年在商丘师范学院大学生志愿服务活动中表现优异，获得优秀志愿者服务个人奖。</p>
            <p>在学院担任校宣传部副部长，并被评为优秀学生干部。</p>
            <p>2016年在美术学院“党员与青年志愿者公益实践活动”项目中，获得一等奖。</p>
        </div>

        <!-- 语言能力与证书 -->
        <div class="section">
            <h2>语言能力与证书</h2>
            <p>通过大学英语四级。</p>
            <p>拥有C1驾照及高中美术教师资格证。</p>
        </div>

        <!-- 荣誉与奖项 -->
        <div class="section">
            <h2>荣誉与奖项</h2>
            <ul>
                <li>2015年在商丘师范学院美术学院举办的工笔花鸟展览中获得一等奖。</li>
                <li>2015年在商丘师范学院美术学院寒假实践美术作品展获得一等奖。</li>
                <li>2016年在商丘师范学院美术学院评教活动中获得一等奖。</li>
            </ul>
        </div>

        <!-- 联系信息 -->
        <div class="contact">
            <p>如果您对我的经历感兴趣，欢迎与我联系！</p>
            <a href="mailto:wangshikang@example.com" class="btn">联系我</a>
        </div>

        <!-- 返回首页按钮 -->
        <div class="contact">
            <a href="小康第一步.html" class="back-btn">返回首页</a>
        </div>
    </div>
</body>
</html>
